/*
* @Author: Josh
* @Date:   2019-08-14 21:35:58
* @Last Modified by:   Administrator
* @Last Modified time: 2019-08-15 00:14:29
*/

/*导航栏*/
.ju-navbar {
    display   : flex;
    position  : fixed;
    box-sizing: border-box;
    bottom    : 0;
    width     : 100%;
    max-width : 640px;
    height    : 2.5rem;
    border-top: 1px solid #ddd;
    z-index   : 200;
    background: #f8f8f8;
    text-align: center;
}
/*导航项目*/
.ju-navbar > .navbar-item {
    flex : 1;
    color: #808080;
}
/*选中样式*/
.ju-navbar > .navbar-item.active {
    color: #09BB07;
}
/*导航图标*/
.ju-navbar > .navbar-item > .icon {
    padding  : .3rem 0 .1rem;
    font-size: 1.1rem;
}
/*导航名称*/
.ju-navbar > .navbar-item > .name {
    display  : block;
    font-size: .5rem;
}